$color1:#05a8f9;
$color2:#ffb525;
$color3:#1ecf61;
$color4:#fd0705;
video {
    -o-object-fit: fill;
    object-fit: fill;
}
.el-tooltip__popper{
    max-width: 15.625vw;
}
.text_overflow_2{
    overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        cursor: pointer;
}
.app-wrapper-new {
    background: url(~@/assets/images/dash/bg.png) no-repeat;
    background-size: 100% 100%;
    color: #f3f1f1;
    font-size: .7292vw;
    .full_screen {
        position: absolute;
        width: 38px;
        height: 26px;
        background: url(~@/assets/images/video/full.png) no-repeat;
        background-size: 100% 100%;
        right: .5208vw;
        cursor: pointer;
    }
    .text_color1 {
        color: $color1;
    }
    .text_color2 {
        color: $color2;
    }
    .text_color3 {
        color: $color3;
    }
    .text_color4 {
        color: $color4;
    }
    .text_overflow {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .footer_new {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        overflow: hidden;
        width: 100%;
        height: 2.0833vw;
        background: url(~@/assets/images/dash/bg_f.png) no-repeat;
        background-size: 40%;
        background-position: center center;
        padding: 0 1.0417vw;
        font-size: .9375vw;
        .footer_left {
            width: 26%;
            display: flex;
            align-items: center;
            span {
                margin: 0 .5208vw;
                text-shadow: .1042vw .0521vw .3125vw $color2;
            }
            .el-image {
                width: 1.25vw;
                height: 1.25vw;
            }
        }
        .footer_center {
            position: relative;
            bottom: 0;
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size:1.0417vw;
            letter-spacing: .1042vw;
            font-weight: bold;
            white-space: nowrap;
        }
        .footer_right {
            width: 26%;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            p {
                margin: 0 .5208vw;
                text-shadow: .1042vw .0521vw .3125vw $color1;
            }
            .setting_icon {
                width: 1.25vw;
                height: 1.25vw;
                margin-left: 1.0417vw;
                background: url(~@/assets/images/dashboard/sz.png) no-repeat;
                background-size: 100% 100%;
            }
        }
    }
    .navbar_new {
        position: relative;
        width: 100%;
        height: 4.1667vw;
        background: url(~@/assets/images/dash/bg_nav.png) no-repeat;
        background-size: 100% 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        .tit {
            position: absolute;
            top:.7292vw;
            // flex: 1;
            display: flex;
            // align-items: center;
            // justify-content: center;
            cursor: pointer;
            font-size: 1.25vw;
            letter-spacing: .2083vw;
            font-weight: 500;
            text-shadow: .1042vw .0521vw .3125vw $color1;
        }
        .menu_left {
            position: absolute;
            left: 1.0417vw;
            top: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            .items {
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: .8333vw;
                font-weight: 500;
                width: 7.2917vw;
                height: 2.6042vw;
                // background: url(~@/assets/images/dashboard/tab_btn.png) no-repeat;
                background-size: 100% 100%;
                &.router-link-active {
                    background: url(~@/assets/images/dash/bg_nav_a.png) no-repeat;
                    background-size: 100% auto;
                    background-position: center bottom;
                }
            }
        }
        .menu_right {
            position: absolute;
            right: 1.0417vw;
            top: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            .items {
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: .8333vw;
                font-weight: 500;
                width: 7.2917vw;
                height: 2.6042vw;
                // background: url(~@/assets/images/dashboard/tab_btn.png) no-repeat;
                background-size: 100% 100%;
                &.router-link-active {
                    background: url(~@/assets/images/dash/bg_nav_a.png) no-repeat;
                    background-size: 100% auto;
                    background-position: center bottom;
                }
            }
        }
    }
    .app-main-new {
    padding: 0 .7292vw;
      
        //首页
        .dashboard_view_wrap {
            .pro_wrap {
                flex: 1;
                display: flex;
                flex-direction: column;
                padding: 0 1.0417vw;
                justify-content: space-evenly;
                >div {
                    // flex: 1;
                    min-height: 1.5625vw;
                    display: flex;
                    align-items: flex-start;
                    font-size: .7292vw;
                    p {
                        width: calc(.7813vw*6);
                        color: $color1;
                        font-weight: 500;
                        overflow: hidden;
                    }
                    span {
                        flex: 1;
                        overflow: hidden;
                    }
                }
            }
            .person_wrap {
                display: flex;
                align-items: center;
                .person_left {
                    height: 100%;
                    min-width: 6.25vw;
                    margin: 0 .5208vw;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: space-evenly;
                    .items {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        img {
                            width: 2.2917vw;
                            height: 2.2917vw;
                        }
                        p {
                            display: flex;
                            flex-direction: column;
                            align-items: center;
                            justify-content: center;
                            font-size: .7292vw;
                            .i_value {
                                font-weight: bold;
                                font-size: .9375vw;
                                text-shadow: .1042vw .0521vw .3125vw $color1;
                                &.i_value_1 {
                                    text-shadow: .1042vw .0521vw .3125vw $color2;
                                }
                            }
                        }
                    }
                }
                .person_right {
                    flex: 1;
                    overflow: hidden;
                    .per_table_thead {
                        display: flex;
                        align-items: center;
                        span {
                            flex: 1;
                            color: $color1;
                            font-weight: 500;
                            text-align: center;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                        }
                    }
                    .per_table_tbody {
                        .item {
                            display: flex;
                            align-items: center;
                            border-radius: .2083vw;
                            overflow: hidden;
                            margin: .3125vw 0;
                            min-height: 1.7708vw;
                            box-shadow: -0.0521vw -0.0521vw .0521vw rgba($color1, 0.4), .2083vw .2083vw .3125vw rgba(0, 0, 0, 0.1), inset -0.0521vw -0.0521vw .625vw rgba($color1, 0.4), inset .0521vw .0521vw .2083vw rgba(0, 0, 0, 0.1);
                            color: $color1;
                            &.act {
                                box-shadow: -0.0521vw -0.0521vw .0521vw rgba($color2, 0.4), .2083vw .2083vw .3125vw rgba(0, 0, 0, 0.1), inset -0.0521vw -0.0521vw .625vw rgba($color2, 0.4), inset .0521vw .0521vw .2083vw rgba(0, 0, 0, 0.1);
                                color: $color2;
                            }
                            p {
                                flex: 1;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                            }
                        }
                    }
                }
            }
            //设备
            .device_total_wrap {
                width: 100%;
                height: 5.2083vw;
                display: flex;
                .items {
                    flex: 1;
                    margin: 0 .2604vw;
                    display: flex;
                    align-items: center;
                    padding: 0 .5208vw;
                    background: url(~@/assets/images/dashboard/i_qt_bg.png) no-repeat;
                    background-size: 100% 100%;
                    &:nth-child(1) {
                        background: url(~@/assets/images/dashboard/i_sxt_bg.png) no-repeat;
                        background-size: 100% 100%;
                    }
                    .i_img {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        .img {
                            width: 2.0833vw;
                            height: 2.0833vw;
                        }
                    }
                    .i_list {
                        font-size: .8333vw;
                        flex: 1;
                        &.i_list_1 {
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            p {
                                display: flex;
                                flex-direction: column;
                                align-items: center;
                            }
                        }
                        &.i_list_2 {
                            display: flex;
                            align-items: center;
                            justify-content: space-evenly;
                            p {
                                display: flex;
                                flex-direction: column;
                                align-items: center;
                            }
                        }
                        .line {
                            width: .1042vw;
                            height: 1.5625vw;
                            background: url(~@/assets/images/dashboard/line.png) no-repeat;
                            background-size: 100% 100%;
                        }
                        .value1 {
                            color: $color2;
                        }
                        .value {
                            color: $color1;
                        }
                        p {
                            span {
                                &:nth-child(1) {
                                    font-weight: 500;
                                }
                                &:nth-child(2) {
                                    font-size: .7292vw;
                                }
                            }
                        }
                    }
                }
            }
            //塔吊监测
            .tower_wrap {
                .tower_left {
                    width: 50%;
                    position: relative;
                    .tower_img {
                        width: 100%;
                        height: 100%;
                        display: flex;
                        align-items: center;
                    }
                    .tower_list {
                        position: absolute;
                        right: 1.0417vw;
                        bottom: 1.0417vw;
                        display: flex;
                        flex-direction: column;
                        p {
                            display: flex;
                            align-items: center;
                            font-size: .7292vw;
                            line-height: 1.3542vw;
                            span {
                                &:nth-child(1) {
                                    padding: 0 .5208vw;
                                    min-width: 80px;
                                }
                                &:nth-child(2) {
                                    flex: 1;
                                    overflow: hidden;
                                }
                            }
                        }
                    }
                }
                .tower_right {
                    border-radius: 1.0417vw;
                    overflow: hidden;
                    border: .1042vw solid rgba($color1, 0.4);
                    position: relative;
                    .tower_img {
                        width: 100%;
                        height: 100%;
                        position: absolute;
                        top: 0;
                        left: 0;
                        .img {
                            width: 100%;
                            height: 100%;
                        }
                    }
                    .tower_text {
                        position: absolute;
                        z-index: 2;
                        bottom: 0;
                        left: 0;
                        background: rgba(#000, 0.5);
                        width: 100%;
                        height: 2.0833vw;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        text-align: center;
                        font-size: .7292vw;
                        font-weight: 500;
                    }
                }
            }
            //天气情况
            .weather_wrap {
                display: flex;
                flex-direction: column;
                overflow: hidden;
                .weather_top {
                    display: flex;
                    align-items: center;
                    .item_1 {
                        font-size: 2.0833vw;
                        font-weight: 500;
                        color: $color1;
                        margin: 0 1.0417vw;
                    }
                    .item_2 {
                        flex: 1;
                        overflow: hidden;
                        .item_2_1 {
                            font-size: .7292vw;
                            font-weight: 600;
                            color: $color1;
                            margin: .3125vw 0;
                        }
                        .item_2_2 {
                            font-size: .7292vw;
                            font-weight: 400;
                            color: #ffffff;
                            display: flex;
                            p {
                                flex: 1;
                                display: flex;
                                background: rgba($color1, 0.3);
                                padding: 0 .5208vw;
                                &:nth-child(1) {
                                    flex: none;
                                    margin-right: 1.0417vw;
                                }
                                &:nth-child(2) {
                                    align-items: center;
                                    justify-content: space-between;
                                }
                            }
                        }
                    }
                }
                .weather_bottom {
                    flex: 1;
                    display: flex;
                    flex-wrap: wrap;
                    align-items: center;
                    justify-content: space-between;
                    .items {
                        display: flex;
                        flex-direction: column;
                        overflow: hidden;
                        width: calc(100%/3 - 1.0417vw);
                        height: calc(100%/2 - 1.0417vw);
                        max-height: 4.1667vw;
                        font-size: .7292vw;
                        .value {
                            flex: 1;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            span {
                                &:nth-child(1) {
                                    font-size: .9375vw;
                                    font-weight: 500;
                                }
                                &:nth-child(2) {
                                    font-size: .625vw;
                                }
                            }
                        }
                        .name {
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            height: 1.5625vw;
                        }
                        &:nth-child(3n+1) {
                            background: url(~@/assets/images/dashboard/tq_1.png) no-repeat;
                            background-size: 100% 100%;
                            .value {
                                color: $color1;
                            }
                            .name {
                                background: rgba($color1, 0.2);
                            }
                        }
                        &:nth-child(3n+2) {
                            background: url(~@/assets/images/dashboard/tq_2.png) no-repeat;
                            background-size: 100% 100%;
                            .value {
                                color: $color3;
                            }
                            .name {
                                background: rgba($color3, 0.2);
                            }
                        }
                        &:nth-child(3n+3) {
                            background: url(~@/assets/images/dashboard/tq_3.png) no-repeat;
                            background-size: 100% 100%;
                            .value {
                                color: $color2;
                            }
                            .name {
                                background: rgba($color2, 0.2);
                            }
                        }
                    }
                }
            }
            //安全质量检查
            .safety_wrap {
                .safety_left,
                .safety_right {
                    flex: 1;
                    margin: 0 .5208vw;
                    height: 100%;
                    display: flex;
                    flex-direction: column;
                    overflow: hidden;
                    justify-content: space-evenly;
                    >div {
                        flex: 1;
                        max-height: 1.7708vw;
                        display: flex;
                        padding: 0 .5208vw;
                        font-size: .7292vw;
                        &.item_1 {
                            align-items: center;
                            justify-content: space-between;
                            background: linear-gradient(90deg, transparent 0%, rgba($color1, 0.35) 100%);
                        }
                        &.item_2 {
                            align-items: center;
                            justify-content: space-between;
                            background: linear-gradient(270deg, transparent 0%, rgba($color1, 0.35) 100%);
                        }
                        .i_0 {
                            color: $color1;
                            font-size: .8333vw;
                            font-weight: 500;
                        }
                        .i_1 {
                            color: $color2;
                            font-size: .8333vw;
                            font-weight: 500;
                        }
                        .i_2 {
                            color: $color3;
                            font-size: .8333vw;
                            font-weight: 500;
                        }
                        &.tit {
                            font-weight: 500;
                            align-items: center;
                            justify-content: center;
                            background: url(~@/assets/images/dashboard/aqzl_icon.png) no-repeat;
                            background-size: 100% 100%;
                            font-size: .8333vw;
                        }
                    }
                }
            }
            //工程进度
            .progress_wrap {
                .progress_list {
                    width: 100%;
                    display: flex;
                    >div {
                        flex: 1;
                        margin: 0 .5208vw;
                        display: flex;
                        flex-direction: column;
                        overflow: hidden;
                        background: url(~@/assets/images/dashboard/gcjd_11.png) no-repeat;
                        background-size: 100% 100%;
                        align-items: center;
                        span {
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            width: 80%;
                            background: url(~@/assets/images/dashboard/gcjd_1.png) no-repeat;
                            background-size: 100% 100%;
                            margin: .5208vw 0 .3125vw 0;
                            font-size: .7292vw;
                            padding: .1042vw 0;
                        }
                        p {
                            font-size: .7292vw;
                            padding: 0 0 .7292vw 0;
                        }
                        &:nth-child(2) {
                            background: url(~@/assets/images/dashboard/gcjd_22.png) no-repeat;
                            background-size: 100% 100%;
                            span {
                                background: url(~@/assets/images/dashboard/gcjd_2.png) no-repeat;
                                background-size: 100% 100%;
                            }
                        }
                        &:nth-child(3) {
                            background: url(~@/assets/images/dashboard/gcjd_33.png) no-repeat;
                            background-size: 100% 100%;
                            span {
                                background: url(~@/assets/images/dashboard/gcjd_3.png) no-repeat;
                                background-size: 100% 100%;
                            }
                        }
                        &:nth-child(4) {
                            background: url(~@/assets/images/dashboard/gcjd_44.png) no-repeat;
                            background-size: 100% 100%;
                            span {
                                background: url(~@/assets/images/dashboard/gcjd_4.png) no-repeat;
                                background-size: 100% 100%;
                            }
                        }
                    }
                }
                .progress_cont {
                    display: flex;
                    align-items: center;
                    position: relative;
                    &::before {
                        content: '';
                        position: absolute;
                        left: 0;
                        top: 50%;
                        margin-top: -0.4167vw;
                        width: 100%;
                        height: .4167vw;
                        background: linear-gradient(90deg, rgba($color1, 0.05) 0%, rgba($color1, 0.65) 100%);
                        border-radius: .5208vw;
                    }
                    .item {
                        position: relative;
                        height: 100%;
                        flex: 1;
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        justify-content: space-evenly;
                        .name {
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            text-align: center;
                            text-shadow: .1042vw .0521vw .3125vw $color1;
                            font-size: .8333vw;
                            &.name_a {
                                color: rgba($color1, 1);
                            }
                        }
                        .value {
                            width: 100%;
                            font-size: .625vw;
                            display: flex;
                            flex-direction: column;
                            color: rgba(#fff, 0.6);
                        }
                        .pro_i {
                            width: 1.0417vw;
                            height: 1.0417vw;
                            background: url(~@/assets/images/dashboard/gcjd_icon_c.png) no-repeat;
                            background-size: 100% 100%;
                            &.pro_a {
                                background: url(~@/assets/images/dashboard/gcjd_icon.png) no-repeat;
                                background-size: 100% 100%;
                            }
                        }
                    }
                }
            }
            .alarm_wrap {
                .alarm_table_thead {
                    display: flex;
                    align-items: center;
                    span {
                        flex: 1;
                        color: $color1;
                        font-weight: 500;
                        text-align: center;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }
                }
                .alarm_table_tbody {
                    .item {
                        display: flex;
                        align-items: center;
                        border-radius: .2083vw;
                        overflow: hidden;
                        margin: .3125vw 0;
                        min-height: 1.3542vw;
                        box-shadow: -0.0521vw -0.0521vw .0521vw rgba($color1, 0.4), .2083vw .2083vw .3125vw rgba(0, 0, 0, 0.1), inset -0.0521vw -0.0521vw .625vw rgba($color1, 0.4), inset .0521vw .0521vw .2083vw rgba(0, 0, 0, 0.1);
                        color: $color1;
                        &.act {
                            box-shadow: -0.0521vw -0.0521vw .0521vw rgba($color2, 0.4), .2083vw .2083vw .3125vw rgba(0, 0, 0, 0.1), inset -0.0521vw -0.0521vw .625vw rgba($color2, 0.4), inset .0521vw .0521vw .2083vw rgba(0, 0, 0, 0.1);
                            color: $color2;
                        }
                        p {
                            flex: 1;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                        }
                    }
                }
              }
        }
        //视频监控页面
        .video_monitor_view_wrap {
            .video_tree {
                .tree_list {
                    padding: 0 .5208vw 0 0;
                    flex: 1;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    overflow: hidden;
                    font-size: .7292vw;
                    .tree_icon {
                        display: flex;
                        align-items: center;
                        overflow: hidden;
                        img {
                            width: .7292vw;
                            height: .7813vw;
                            margin-right: .2083vw;
                        }
                        .tree_label {
                            flex: 1;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                        }
                    }
                }
            }
            .video_cont_wrap {
                .video_list {
                    display: flex;
                    flex-wrap: wrap;
                    .items {
                        width: 50%;
                        height: 50%;
                        position: relative;
                        overflow: hidden;
                        .vi_img {
                            position: relative;
                            width: 100%;
                            height: 100%;
                        }
                        .vi_text {
                            position: absolute;
                            z-index: 2;
                            bottom: 0;
                            left: 0;
                            background: rgba(#000, 0.5);
                            width: 100%;
                            height: 2.0833vw;
                            display: flex;
                            align-items: center;
                            justify-content: space-between;
                            padding: 0 1.0417vw;
                            text-align: center;
                            font-size: .7292vw;
                            font-weight: 500;
                        }
                    }
                }
            }
            .analysis_list {
                padding: .5208vw;
                .a_items {
                    .a_img {
                        border-radius: .5208vw;
                        overflow: hidden;
                        height: 8.3333vw;
                        .img {
                            width: 100%;
                            height: 100%;
                            border-radius: .5208vw;
                            overflow: hidden;
                        }
                    }
                    .a_text {
                        align-items: center;
                        justify-content: space-between;
                        font-size: .7292vw;
                        padding: .2604vw 0;
                        span {
                            min-width: 6.25vw;
                            text-align: right;
                            white-space: nowrap;
                        }
                    }
                }
            }
            .alarm_wrap {
                .alarm_table_thead {
                    display: flex;
                    align-items: center;
                    span {
                        flex: 1;
                        color: $color1;
                        font-weight: 500;
                        text-align: center;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }
                }
                .alarm_table_tbody {
                    .item {
                        display: flex;
                        align-items: center;
                        border-radius: .2083vw;
                        overflow: hidden;
                        margin: .3125vw 0;
                        min-height: 1.3542vw;
                        box-shadow: -0.0521vw -0.0521vw .0521vw rgba($color1, 0.4), .2083vw .2083vw .3125vw rgba(0, 0, 0, 0.1), inset -0.0521vw -0.0521vw .625vw rgba($color1, 0.4), inset .0521vw .0521vw .2083vw rgba(0, 0, 0, 0.1);
                        color: $color1;
                        &.act {
                            box-shadow: -0.0521vw -0.0521vw .0521vw rgba($color2, 0.4), .2083vw .2083vw .3125vw rgba(0, 0, 0, 0.1), inset -0.0521vw -0.0521vw .625vw rgba($color2, 0.4), inset .0521vw .0521vw .2083vw rgba(0, 0, 0, 0.1);
                            color: $color2;
                        }
                        p {
                            flex: 1;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                        }
                    }
                }
            }
        }
        //塔吊监测
        .tower_view_wrap {
            //指标
            .tower_tip_wrap {
                height: 6.25vw;
                align-items: center;
                justify-content: space-between;
                .tower_tip_list {
                    align-items: center;
                    justify-content: center;
                    width: calc(100%/4 - 1.0417vw);
                    background: url(~@/assets/images/video/tip_bg.png) no-repeat;
                    background-size: 100% 100%;
                    .tit {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        width: 80%;
                        height: 1.5625vw;
                        background: url(~@/assets/images/video/tip_tit.png) no-repeat;
                        background-size: 100% 100%;
                        font-weight: 900;
                        font-size: .8333vw;
                        margin: 1.0417vw 0 0 0;
                    }
                    .text {
                        width: 100%;
                        flex: 1;
                        display: flex;
                        align-items: center;
                        i {
                            width: .2083vw;
                            height: 60%;
                            background: url(~@/assets/images/video/line.png) no-repeat;
                            background-size: 100% 100%;
                            margin: 0 .5208vw;
                        }
                        p {
                            display: flex;
                            flex-direction: column;
                            align-items: center;
                            flex: 1;
                            span {
                                font-size: .7292vw;
                                &:nth-child(1) {
                                    font-weight: 900;
                                }
                            }
                        }
                    }
                }
            }
            .host_list {
                .item {
                    height: 1.5625vw;
                    span {
                        width: 5.2083vw;
                        display: flex;
                        align-items: center;
                    }
                    p {
                        flex: 1;
                        line-height: 1.5625vw;
                    }
                }
            }
            .driver_wrap {
                .cont_list {
                    flex: 1;
                    .item {
                        height: 1.5625vw;
                        p {
                            flex: 1;
                            line-height: 1.5625vw;
                        }
                    }
                }
                .cont_img {
                    margin: 0 .5208vw;
                    width: 5.2083vw;
                    height: 6.25vw;
                    border-radius: .5208vw;
                    border: .0521vw solid #bbbbbb;
                    .img {
                        width: 100%;
                        height: 100%;
                        img {
                            object-fit: revert;
                        }
                    }
                }
            }
            //塔吊监测
            .tower_top_wrap {
                .tower_left {
                    width: 50%;
                    position: relative;
                    display: flex;
                    align-items: center;
                    .tower_img {
                        flex: 1;
                        height: 100%;
                        display: flex;
                        align-items: center;
                        .img {
                            width: 100%;
                            height: 100%;
                        }
                    }
                    .tower_list {
                        width: 35%;
                        margin: 0 1.0417vw;
                        display: flex;
                        flex-direction: column;
                        p {
                            display: flex;
                            align-items: center;
                            font-size: .7292vw;
                            line-height: 1.3542vw;
                            span {
                                &:nth-child(1) {
                                    padding: 0 .5208vw;
                                    min-width: 80px;
                                }
                                &:nth-child(2) {
                                    flex: 1;
                                    overflow: hidden;
                                }
                            }
                        }
                    }
                }
                .tower_right {
                    border-radius: 1.0417vw;
                    overflow: hidden;
                    border: .1042vw solid rgba($color1, 0.4);
                    position: relative;
                    .tower_img {
                        width: 100%;
                        height: 100%;
                        position: absolute;
                        top: 0;
                        left: 0;
                        .img {
                            width: 100%;
                            height: 100%;
                        }
                    }
                    .tower_text {
                        position: absolute;
                        z-index: 2;
                        bottom: 0;
                        left: 0;
                        background: rgba(#000, 0.5);
                        width: 100%;
                        height: 2.0833vw;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        text-align: center;
                        font-size: .7292vw;
                        font-weight: 500;
                    }
                }
            }
            .tower_bottom_wrap {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                justify-content: space-between;
                width: 100%;
                max-height: 13.5417vw;
                overflow: hidden;
                .items {
                    width: calc(100%/5 - .5208vw);
                    margin: .5208vw 0 0 0;
                    display: flex;
                    flex-direction: column;
                    background: #062453;
                    border-radius: .5208vw;
                    padding: .5208vw;
                    overflow: hidden;
                    font-size: .7292vw;
                    .item_1 {
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        color: #bbbbbb;
                        .img {
                            width: .9375vw;
                            height: .9375vw;
                        }
                    }
                    .item_2 {
                        display: flex;
                        align-items: center;
                        p {
                            font-size: .8333vw;
                            font-weight: 900;
                        }
                        span {
                            margin-left: .5208vw;
                            color: #bbbbbb;
                        }
                    }
                    .item_3 {
                        width: 100%;
                        .item_3_1 {
                            position: relative;
                            width: 100%;
                            height: .3125vw;
                            border-radius: .5208vw;
                            background: #2b4461;
                            overflow: hidden;
                            p {
                                position: absolute;
                                left: 0;
                                top: 0;
                                height: .3125vw;
                                border-radius: .5208vw;
                                background: $color1;
                            }
                        }
                        .item_3_2 {
                            font-size: .625vw;
                            color: #bbbbbb;
                            display: flex;
                            align-items: center;
                            justify-content: space-between;
                        }
                    }
                }
            }
            //图表
            .tower_charts {
                .charts_btn {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: space-evenly;
                    margin: 0 1.0417vw;
                    span {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        width: 5.2083vw;
                        height: 1.5625vw;
                        font-size: .7292vw;
                        box-shadow: -0.0521vw -0.0521vw .0521vw rgba($color1, 0.4), .2083vw .2083vw .3125vw rgba(0, 0, 0, 0.1), inset -0.0521vw -0.0521vw .625vw rgba($color1, 0.4), inset .0521vw .0521vw .2083vw rgba(0, 0, 0, 0.1);
                        color: $color1;
                        background: transparent;
                        color: $color1;
                        border-radius: .2083vw;
                        cursor: pointer;
                        i {
                            color: transparent;
                            margin-left: -0.5208vw;
                        }
                        &.act {
                            background: $color1;
                            color: #ffffff;
                            i {
                                color: #ffffff;
                            }
                        }
                    }
                }
            }
        }
        //设备列表
        .tower_list_wrap {
            .tower_table_thead {
                display: flex;
                align-items: center;
                padding: 0 .5208vw;
                span {
                    color: $color1;
                    font-weight: 500;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    &:nth-child(1) {
                        flex: 1;
                    }
                    &:nth-child(2) {
                        width: 2.6042vw;
                        text-align: center;
                    }
                }
            }
            .tower_table_tbody {
                .item {
                    display: flex;
                    align-items: center;
                    border-radius: .2083vw;
                    overflow: hidden;
                    margin: .3125vw 0;
                    min-height: 1.5625vw;
                    box-shadow: -0.0521vw -0.0521vw .0521vw rgba($color1, 0.4), .2083vw .2083vw .3125vw rgba(0, 0, 0, 0.1), inset -0.0521vw -0.0521vw .625vw rgba($color1, 0.4), inset .0521vw .0521vw .2083vw rgba(0, 0, 0, 0.1);
                    color: $color1;
                    padding: 0 .5208vw 0 0;
                    cursor: pointer;
                    &::before {
                        content: '';
                        width: 1.0417vw;
                        height: 1.0417vw;
                    }
                    &.act {
                        box-shadow: -0.0521vw -0.0521vw .0521vw rgba($color3, 0.4), .2083vw .2083vw .3125vw rgba(0, 0, 0, 0.1), inset -0.0521vw -0.0521vw .625vw rgba($color3, 0.4), inset .0521vw .0521vw .2083vw rgba(0, 0, 0, 0.1);
                        color: $color3;
                        &::before {
                            content: '';
                            width: 1.25vw;
                            height: 1.25vw;
                            background: url(~@/assets/images/video/act.png) no-repeat;
                            background-size: 100% 100%;
                        }
                    }
                    p {
                        display: flex;
                        align-items: center;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        &:nth-child(1) {
                            flex: 1;
                        }
                        &:nth-child(2) {
                            width: 2.6042vw;
                            text-align: center;
                            justify-content: center;
                        }
                    }
                }
            }
        }
        //升降机监测
        .elevator_view_wrap {
            //告警信息
            .warn_total {
                display: flex;
                align-items: center;
                height: 100%;
                .items {
                    flex: 1;
                    height: 100%;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    overflow: hidden;
                    span {
                        font-size: 1.3542vw;
                        font-weight: 900;
                    }
                    p {
                        margin: .5208vw 0;
                        font-size: .8333vw;
                    }
                }
                .lines {
                    width: .1042vw;
                    height: 60%;
                    background: url(~@/assets/images/dashboard/line.png) no-repeat;
                    background-size: 100% 100%;
                }
            }
            .elevator_video_list {
                display: flex;
                flex-wrap: wrap;
                .items {
                    width: 50%;
                    height: 100%;
                    position: relative;
                    overflow: hidden;
                    .vi_img {
                        position: relative;
                        width: 100%;
                        height: 100%;
                    }
                    .vi_text {
                        position: absolute;
                        z-index: 2;
                        bottom: 0;
                        left: 0;
                        background: rgba(#000, 0.5);
                        width: 100%;
                        height: 2.0833vw;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        padding: 0 1.0417vw;
                        text-align: center;
                        font-size: .7292vw;
                        font-weight: 500;
                    }
                }
            }
            //左侧笼实时数据
            .cage_wrap {
                .items {
                    width: 100%;
                    flex: 1;
                    display: flex;
                    align-items: center;
                    font-size: .7292vw;
                    min-height: 1.25vw;
                    .i_img {
                        width: .8333vw;
                        height: .8333vw;
                        margin: 0 .5208vw;
                        .img {
                            width: 100%;
                            height: 100%;
                        }
                    }
                    .i_name {
                        white-space: nowrap;
                    }
                    .i_value {
                        flex: 1;
                        overflow: hidden;
                        display: flex;
                        p {
                            display: flex;
                            align-items: center;
                            margin: 0 .5208vw;
                            overflow: hidden;
                            span {
                                margin-left: .2083vw;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                            }
                        }
                    }
                }
            }
            //升降机监测
            .elevator_monitor_wrap {
                .left_wrap {
                    width: 17.7083vw;
                    height: 100%;
                    background: #062453;
                    display: flex;
                    flex-direction: column;
                    padding: .5208vw;
                    font-size: .8333vw;
                    border-radius: .3125vw;
                    .item_1 {
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        p {
                            font-size: .9375vw;
                            font-weight: 500;
                        }
                        span {
                            font-size: .7292vw;
                            padding: .2604vw .5208vw;
                            background: rgba($color1, 0.3);
                            &.bg_color2 {
                                background: rgba($color4, 0.4);
                            }
                        }
                    }
                    .item_2 {
                        flex: 1;
                        display: flex;
                        flex-direction: column;
                        .img {
                            width: 1.25vw;
                            height: 1.25vw;
                        }
                        .item_2_1 {
                            flex: 1;
                            display: flex;
                            align-items: center;
                            justify-content: space-between;
                            padding: .2604vw 0;
                            border-bottom: .0521vw solid rgba($color1, 0.1);
                        }
                    }
                    .item_3 {
                        color: $color1;
                        font-weight: 500;
                        margin: .5208vw 0;
                    }
                    .item_4 {
                        display: flex;
                        flex-wrap: wrap;
                        .img {
                            width: 1.25vw;
                            height: auto;
                        }
                        .item_4_1 {
                            width: calc(100%/3);
                            margin: .5208vw 0;
                            display: flex;
                            flex-direction: column;
                            align-items: center;
                            justify-content: space-between;
                            p {
                                display: flex;
                                flex-direction: column;
                                align-items: center;
                                span {
                                    margin: .2083vw 0;
                                }
                            }
                        }
                    }
                }
                .center_wrap {
                    display: flex;
                    align-items: center;
                    overflow: hidden;
                    position: relative;
                    align-items: center;
                    justify-content: center;
                    .img_c_w {
                        width: 11.4583vw;
                        height: 100%;
                        .img_c {
                            width: 100%;
                            height: 100%;
                        }
                    }
                    .img_l_w {
                        position: absolute;
                        top: 2.0833vw;
                        left: 0;
                        width: 50%;
                        display: flex;
                        align-items: center;
                        justify-content: flex-end;
                        z-index: 10;
                        .img_l {
                            margin-right: 1.0417vw;
                            width: 5.2083vw;
                            height: 6.5104vw;
                        }
                    }
                    .img_r_w {
                        position: absolute;
                        top: 2.0833vw;
                        width: 50%;
                        right: 0;
                        display: flex;
                        align-items: center;
                        justify-content: flex-start;
                        z-index: 10;
                        .img_r {
                            margin-left: 1.0417vw;
                            width: 5.2083vw;
                            height: 6.5104vw;
                        }
                    }
                }
            }
        }
    }
}

//-------------------
//设备 在线，离线
.device_total {
    width: 100%;
    height: 6.7708vw;
    display: flex;
    align-items: center;
    .on_line {
        flex: 1;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: url(~@/assets/images/video/device_bg.png) no-repeat;
        background-size: 100% 100%;
        font-size: .7292vw;
        font-weight: 500;
        span {
            font-size: 1.0417vw;
            font-weight: 900;
            margin: 0 .2083vw;
        }
    }
}

//切换
.c-tabs-btn-wrap {
    width: 100%;
    height: 2.0833vw;
    border-radius: 0 1.0417vw 0 1.0417vw;
    background: url(~@/assets/images/dashboard/box_bg.png) no-repeat;
    background-size: 100% 100%;
    box-shadow: -0.0521vw -0.0521vw .0521vw rgba($color1, 0.4), .2083vw .2083vw .3125vw rgba(0, 0, 0, 0.1), inset -0.0521vw -0.0521vw .625vw rgba($color1, 0.4), inset .0521vw .0521vw .2083vw rgba(0, 0, 0, 0.1);
    margin-bottom: .5208vw;
    display: flex;
    align-items: center;
    .c-tabs-btns {
        margin: 0 .5208vw;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 6.25vw;
        height: 1.6667vw;
        color: rgba($color1, 1);
        font-size: .8333vw;
        font-weight: 500;
        border-radius: 0 1.0417vw 0 1.0417vw;
        cursor: pointer;
        &.active {
            background: rgba($color1, 1);
            color: #ffffff;
        }
    }
}

//大屏展示-表单
.big_data_form {
    &.el-form {
        .el-form-item {
            .el-form-item__label {
                min-width: 50px !important;
                width: auto !important;
                color: #efefef;
                font-size: .7292vw;
            }
            .el-input__inner {
                background: transparent;
                border: .0521vw solid rgba($color1, 0.4);
                color: #ffffff !important;
            }
        }
        .el-button {
            height: 28px !important;
            padding: 0 1.0417vw;
            font-size: .7292vw !important;
        }
    }
}

//表格
.big_data_table {
    &.el-table {
        background-color: transparent !important;
        border: 1px solid #1d4f80;
        border-bottom: 1px solid #1d4f80;
        border-radius: 0;
        .el-table__header-wrapper th {
            padding: .2083vw 0 !important;
            height: 1.5625vw !important;
        }
        .el-table__header-wrapper th,
        .el-table__fixed-header-wrapper th,
        tr {
            font-size: .7292vw !important;
            background-color: transparent !important;
        }
        th.el-table__cell.is-leaf,
        td.el-table__cell {
            border-bottom: .0521vw solid rgba(96, 98, 102, 0.1);
        }
        th {
            color: $color1 !important;
        }
        tr {
            color: #ffffff !important;
        }
        &::before {
            height: 0;
        }
    }
}

.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
    background-color: rgba($color1, 0.1) !important;
}

//视频监控 tree
.video_tree {
    &.el-tree {
        position: relative;
        cursor: default;
        background: transparent;
        color: #efefef;
    }
    .el-tree-node__expand-icon {
        font-size: .9375vw;
        color: rgba($color1, 0.5);
        &.is-leaf {
            color: transparent;
        }
    }
    .el-tree-node__content {
        height: 1.875vw !important;
        line-height: 1.875vw !important;
    }
    .el-tree-node__content:hover {
        background: rgba($color1, 0.3) !important;
    }
    .el-tree-node:focus>.el-tree-node__content {
        background: rgba($color1, 0.1) !important;
    }
}

//公共
.com_box_wrap {
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: url(~@/assets/images/dash/tit_bg_duan.png) no-repeat;
            background-size: 100% 100%;
    .com_box_title {
        width: 100%;
            display: flex;
            align-items: center;
            background: url(~@/assets/images/dash/tit_duan.png) no-repeat;
            background-size: 100% 100%;
            height: 2.2917vw;
            justify-content: space-between;
            p{
                display: flex;
                align-items: center;
                font-size: 1.0417vw;
                font-family: SourceHanSansCN-Bold, SourceHanSansCN;
                font-weight: bold;
                color: #C6F8EB;
                line-height: 30px;
                background: linear-gradient(180deg, #FFFFFF 0%, #97BCE0 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                padding: 0 .5208vw;
                &::before{
                    content: '';
                    display: block;
                    width: 1.0417vw;
                    height: 1.0417vw;
                    background: url(~@/assets/images/dash/tit_icon.png) no-repeat;
                    background-size: 100% 100%;
                    margin: 0 .5208vw 0 1.0417vw;
                }
            }
        span {
            font-size: .625vw;
            font-weight: 400;
            color: $color1;
        }
        .tit_date{
          font-size: 12px;
          color: #bbbbbb;
        }
    }
    .com_box_cont {
      position: relative;
        flex: 1;
        width: 100%;
        padding: .5208vw;
        // background: url(~@/assets/images/dash/tit_bg_duan.png) no-repeat;
        //     background-size: 100% 100%;
    }
}

.com-margin-left {
    margin-left: .5208vw;
}

.com-margin-right {
    margin-right: .5208vw;
}

.com-margin-top {
    margin-top: .5208vw;
}

.com-margin-bottom {
    margin-bottom: .5208vw;
}

.com_left_width {
    width: 24.7396vw;
}

.table_btn_1{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  padding: 0 4px;
  border-radius: 6px;
  border: 1px solid #f4cb51;
  color:#f4cb51;
  height: 22px;
}
.table_btn_2{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  padding: 0 4px;
  border-radius: 6px;
  border: 1px solid #4cbcf8;
  color:#4cbcf8;
  height: 22px;
}
.table_list_1{
  .el-table th.el-table__cell.is-leaf{
    background-color: rgba(#3ea2ff,0.38) !important;
    color: #ffffff !important;
  }
}

.tit_btn_wrap{
  display: flex;
  align-items: center;
  position: absolute;
  right: 12px;
  z-index: 10;
  span{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1px 8px;
    margin: 0 4px;
    border-radius: 4px;
    border: 1px solid #506787;
    color:#506787;
    cursor: pointer;
    &.active{
      border: 1px solid #4cbcf8;
      color:#4cbcf8;
    }
  }
}
.d_switch{
  .el-switch__label{
    color: #445f9e !important;
  }
  .el-switch__label.is-active{
    color: #23beff !important;
  }
}

.el-dialog__wrapper.dialog_small{
  .el-dialog{
    width: 40vw !important;
    min-width: 40vw !important;
    min-height: 40vh !important;
    .el-upload-dragger{
      width: 100% !important;
    }
  }
}

.table_scope_icon{
  display: flex;
  flex-direction: column;
  .s_icon_cont{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 2px 0;
    .s_icon{
      width: 22px;
      height: 22px;
      border-radius: 50%;
      color: white;
      background-color: #ccc;
      font-size: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-left: 4px;
      &.s_icon_1{
        background-color: #e64242;
      }
      &.s_icon_2{
        background-color: #11b95c;
      }
    }
  }
}


.search_form_box{
    .el-form-item__label{
        color: #ffffff !important;
    }
    .el-input__inner{
        background-color: transparent !important;
        border: 1px solid #05408a !important;
        color: #ffffff !important;
    }
    .el-form .el-form-item .el-form-item__label{
        min-width: 5.2083vw !important;
    }
}
.pagination_box{
    margin:0 0 .5208vw 0 ;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    .el-pagination__total,
    .el-pagination__jump{
        color: #ffffff !important;
    }
    .el-input__inner{
        background-color: transparent !important;
        border: 1px solid #05408a !important;
        color: #ffffff !important;
    }
    .el-pagination button:disabled{
        background-color: #244c77 !important;
    }
    .el-pager li,
    .el-pagination .btn-prev, .el-pagination .btn-next{
        background-color: #244c77 !important;
        color: #ffffff !important;
    }
    .el-pager li.active{
        background-color: #2874d2 !important;
    }
}
.video_url_list{
 .imgs{
    position: relative;
    .text_color2{
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        height: 2.0833vw;
        z-index: 100;
        background-color: rgba(#000, 0.5);
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
    }
 }
}
